<template>
  <div class="footer-con">
    <van-tabbar route active-color="#ff6700">
      <van-tabbar-item replace to="/" icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item replace to="/category" icon="apps-o">分类</van-tabbar-item>
      <van-tabbar-item replace to="/shopcart" icon="shopping-cart-o">购物车

      </van-tabbar-item>
      <van-tabbar-item replace to="/user" icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'FooterTab'
}
</script>

<style lang='less'>
.footer-con {
  height: 90px;
  .van-tabbar-item {
    position: relative;
  }
}
</style>
<style scoped>
/deep/ .van-tabbar {
  height: 90px;
}
/deep/ .van-tabbar-item__icon {
  font-size: 50px;
}
/deep/ .van-tabbar-item {
  font-size: 28px;
}
</style>
